<?php 
require_once("inc_security.php");
//check quyền them sua xoa
checkAddEdit("add");

	//Khai bao Bien
	$fs_action   							= getURL();
	//Warning Error!
	$fs_errorMsg							= "";
	$fs_redirect							= "add.php";
	$after_save_data						= getValue("after_save_data", "str", "POST", "add.php");
   //$content = getValue("sta_content", 'str', 'POST', '');
	$myform 									= new generate_form();
    $categoriesArr = array(""=>"--Chọn loại--");
    $categories = new db_query("SELECT * 
										 FROM categories
										 ORDER BY cat_id DESC
										 ");
    while($row	=	mysql_fetch_assoc($categories->result)){
        $categoriesArr[$row['cat_id']] = $row['cat_name'];
    }
    
	//Loại bỏ chuc nang thay the Tag Html
	//$myform->removeHTML(0);
	/**
	1). $data_field			: Ten truong
	2). $data_value			: Ten form
	3). $data_type				: Kieu du lieu , 0 : string , 1 : kieu int, 2 : kieu email, 3 : kieu double, 4 : kieu hash password
	4). $data_store			: Noi luu giu data  0 : post, 1 : variable
	5). $data_default_value	: Gia tri mac dinh, neu require thi phai lon hon hoac bang default
	6). $data_require			: Du lieu nay co can thiet hay khong
	7). $data_error_message	: Loi dua ra man hinh
	8). $data_unique			: Chi co duy nhat trong database
	9). $data_error_message2: Loi dua ra man hinh neu co duplicate
	10). $type_form: kiểu form : 1 text ; 2 textarea; 3 kiểu checkbook
	*/
	$myform->add("pro_name", "pro_name", 0, 0, "", 1, "Vui lòng nhập tên sản phẩm ", 0, ""); //teen các trường và name control
	$myform->add("pro_cat_id", "pro_cat_id", 1, 0,"",1, "Vui lòng chọn loại sản phẩm", 0, "", 0, ""); //teen các trường và name control
	//$myform->add("pro_image", "pro_image", 0, 0,"",1, "Vui lòng chọn ảnh cho sản phẩm", 0, "");
    $myform->add("pro_price", "pro_price", 3, 0,"",1, "Vui lòng nhập giá cho sản phẩm", 0, "");
    $myform->add("pro_information_summary","pro_information_summary",6,0,"",1, "Vui lòng điền thông số kỹ thuật của sản phẩm");
    $myform->add("pro_information","pro_information",6,0,"",1, "Vui lòng điền thông tin  của sản phẩm");
   // $myform->add("pro_image", "pro_image", 0, 0,"",1, "Vui lòng chọn ảnh cho sản phẩm", 0, ""); // 0 là lấy từ control, 1 lấy từ biến
    $myform->addTable($fs_table);
    // Xử lý ảnh đại diện
		$pro_image = getValue("pro_image", "str", "POST", "");
		if($pro_image){
			$currentPath = $path.'Temp/'.$pro_image;
			$pro_title_image = time().$pro_image;
			$savePath = $path.$pro_title_image;
			rename($currentPath,$savePath);
			$myform->add("pro_image","pro_title_image",0,1,"",1,"Vui lòng chọn ảnh tiêu đề sản phẩm",0,"");
		}

	//Get Action.
	$action	= getValue("action", "str", "POST", "");
	if($action == "execute"){
	   $upload  = new upload("pro_image", $path, $alow_extention,300);
       $pro_image	=	$upload->file_name;
	   If($pro_image  != ""){
			$myform->add("pro_image", "pro_image", 0, 1,"",1, "Vui lòng chọn ảnh cho sản phẩm", 0, ""); // 0 là lấy từ control, 1 lấy từ biến
		}
		//$fs_error  . = $upload_pic->show_warning_error(); // check kiểm tra lỗi của upload image
	if($fs_errorMsg == ""){
			$myform->removeHTML(0);
			$db_insert = new db_execute_return();
            $return_id = $db_insert->db_execute($myform->generate_insert_SQL());
            
            
        	// Xử lý ảnh sản phẩm
    	$pro_detail_names = explode(',',getValue("detailLinks", "str", "POST", ""));
       	if($pro_detail_names){
    		foreach($pro_detail_names as $pro_detail_name){
    			if($pro_detail_name){
    				$currentPath = $path.'Temp/'.$pro_detail_name;
    				$new_pro_detail_name = time().$pro_detail_name;
    				$savePath = $path.'slide/'.$new_pro_detail_name;
    				rename($currentPath,$savePath);
    			
    			}
                $sql ='INSERT INTO image_products(img_pro_id, img_name) 
                                VALUES('.$return_id.',"'.$new_pro_detail_name.'")';
                $insert_img = $db_insert->db_execute($sql);
    		}
    	}
			unset($db_insert);
			//echo $myform->generate_insert_SQL();
			// Redirect to add new
			
			//Redirect to:
			redirect("add.php");
			exit();
		}
	}
	//add form for javacheck
	$myform->addFormname("add");
	$myform->evaluate();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<?php echo $load_header?>
<?php  $myform->checkjavascript();?>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">

<div class="overlay"></div>
<div class="wrappop">
    <div class="close">X</div>
    <table class="croptable">
        <tr>
            <td>
                Ảnh tải lên
            </td>
            <td>
                Ảnh hiển thị
            </td>
        </tr>
        <tr>
            <td>
                <button id="upload">Chọn ảnh</button>
                <span id="status" ></span>
				<input type="hidden" class="count" value="1" />
				<input type="hidden" class="path" value="<?php echo $path; ?>" />
            </td>
			<td>
				
			</td>
        </tr>
        <tr>
            <td>
                    <div class="currentImg">
                    <div id="files" ></div>
                	<input type="hidden" id="currentLink" />   
                    <label>X1 <input type="text" size="4" id="x" name="x" /></label>
    				<label>Y1 <input type="text" size="4" id="y" name="y" /></label>
    				<label>X2 <input type="text" size="4" id="x2" name="x2" /></label>
    				<label>Y2 <input type="text" size="4" id="y2" name="y2" /></label>
    				<label>W <input type="text" size="4" id="w" name="w" /></label>
    				<label>H <input type="text" size="4" id="h" name="h" /></label>
                    <button type="button" class="crop btn">Cắt ảnh</button>
                </div>
            </td>
            <td>
                <div class="cropImg">
                <div class="newImg">
                </div>
				<button type="button" class="selectDetail" >Chọn</button>
              Kích thước ảnh: 
					<input type="text" size="4" id="neww" name="w" readonly="true" /> x
					<input type="text" size="4" id="newh" name="h" readonly="true" /> px 
					<input type="hidden" class="newImgLink" />
					<button class="select_btn">Lưu ảnh</button>
					
                </div>
            </td>
        </tr>
		<tr>
			<td colspan="2">
				<div class="thumbImageGallery"></div>
				<button class="select_btn_detail">Lưu ảnh</button>
			</td>
		</tr>
    </table>
</div>
<?php  /*------------------------------------------------------------------------------------------------*/ ?>
<?php echo template_top(translate_text("Add_new_category"))?>
<?php  /*------------------------------------------------------------------------------------------------*/ ?>

	<p align="center" style="padding-left:10px;">
	<?php 
		$form = new form();
		$form->create_form("add", $fs_action, "post", "multipart/form-data",'onsubmit="validateForm(); return false;" id="form_name"');
		?>
			<table cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td valign="top" height="200">
						<?php 
						$form->create_table("4");
						?>
						<?php echo $form->text_note('Những ô có dấu sao (<font class="form_asterisk">*</font>) là bắt buộc phải nhập.')?>
						<?php echo $form->errorMsg($fs_errorMsg)?>
						<?php echo $form->text("Tên sản phẩm", "pro_name", "pro_name", $pro_name, "", 1, 350, "", 255, "", "", "")?>
						<?php echo $form->select("Chọn loại","pro_cat_id","pro_cat_id",$categoriesArr,"","",1);?>
                        <?php echo $form->hidden("pro_image", "pro_image", "","", "", 1, 350, "", 255, "", "", "")?>
                        <?php echo $form->hidden("detailLinks", "detailLinks", "","", "", 1, 350, "", 255, "", "", "")?>
                      <?php  //  <?php echo $form->getFile("Chọn ảnh","pro_image","pro_image","ảnh sản phẩm",0,34);?>
                      <tr>
                            <td  class="form_name">Ảnh đại diện: </td>
                            <td  class="form_text"><a class="aTitleImage">Chọn ảnh</a>
							</td>
						</tr>
							<td>&nbsp;</td>
							<td>
								<div class="titleImg">
								</div>                  
                            </td> 
                        </tr>
                        <tr>
                            <td  class="form_name">Ảnh chi tiết: </td>
                            <td  class="form_text"><a class="aDetailImage">Chọn ảnh</a>
							</td>
						</tr>
						<tr>
							<td>&nbsp;</td>
							<td>
								<div class="detailImgs">
								</div>
                            </td>
                        </tr>
                        <?php echo $form->text("Giá sản phẩm", "pro_price", "pro_price", $pro_price, "", 1, 350, "", 255, "", "", "")?>
                        <?php echo $form->textarea("Thông số kỹ thuật cơ bản","pro_information_summary","pro_information_summary","","",1,400,60);?>
                        <?php echo $form->textarea("Thông tin sản phẩm ","pro_information","pro_information","","",1,400,60);?>
						<?php echo $form->button("submit" . $form->ec . "reset", "submit" . $form->ec . "reset", "submit" . $form->ec . "reset", "Cập nhật" . $form->ec . "Làm lại", "Cập nhật" . $form->ec . "Làm lại", '' . $form->ec . '', "");?>
						<?php  
						$form->close_table();
						?>
						<?php echo $form->hidden("action", "action", "execute", "");?>
					</td>
				</tr>					
			</table>
		<?php 
		$form->close_form();
		unset($form);
		?>
	</p>
	<script type="text/javascript" >
	 var path =$('.path').val();
	$(function(){
	<!--------------Upload image ---------------->
		var btnUpload=$('#upload');
		var status=$('#status');
		new AjaxUpload(btnUpload, {
			action: 'form_upload.php',
			name: 'uploadfile',
			onSubmit: function(file, ext){
				 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
                    // extension is not allowed 
					status.text('Only JPG, PNG or GIF files are allowed');
					return false;
				}
				status.text('Uploading...');
			},
			onComplete: function(file, response){
				//On completion clear the status
				status.text('');
				//Add uploaded file to list
				if(response==="error"){
                    $('#files').addClass('error');
				} else{
				   var count = $('.count').val();
				   count++;
				   $('.count').val(count);
				    $('#files').html('<img id="cropbox" src="'+path+'Temp/'+response+'?'+new Date().getTime()+'" />');
                    $('#currentLink').val(response);
                    
			    	$('#cropbox').Jcrop({
            			onChange: showCoords,
            			onSelect: showCoords
	               	});
                }
			}
		});
		
	});
</script>
	 <script>             
	 <!--------------Show popup detail ---------------->
		$('.aDetailImage').click(function(){
			$('.wrappop').css('display','block');
			$('.overlay').css('display','block');
			$('.selectDetail').css({'display':'inline-block','float':'right','margin-right':'10px'});
            
			$('.thumbImageGallery').css('display','block');
			$('.select_btn').css('display','none');
			$('.select_btn_detail').css('display','block');
			$('.detailImgs').html('');
		});
		$('.close').click(function(){
			$('.wrappop').css('display','none');
			$('.overlay').css('display','none');
		});
		$('.selectDetail').click(function(){
			var newImgLink = $('.newImgLink').val();
			if(newImgLink=='') return;
			$('<div class="showGallery"></div>').appendTo('.thumbImageGallery').html(''
				+'<img src="'+path+'Temp/'+newImgLink+'" />'
				+'<input type="text" class="detailLink" value="'+newImgLink+'" />'
				+'<button class="delet">Xóa </button>');
				$('.newImg').html('');
				$('.newImgLink').val('');
				$('.delet').click(function(){
					$(this).closest('div').remove();
				});
		});
		$('.select_btn_detail').click(function(){
			var detailLinks ='';
			$('.detailLink').each(function(){
				var detailLink = $(this).val();
				$('<div class="detailimg"></div>').appendTo('.detailImgs').html(''
					+'<img src="'+path+'Temp/'+detailLink+'" />');
				if(detailLinks){
					detailLinks +=',' + detailLink;
				}
				else{
					detailLinks = detailLink;
				}
			});
			$('#detailLinks').val(detailLinks);
			$('.wrappop').css('display','none');
			$('.overlay').css('display','none');
			$('#files').html('');
			$('.newImg').html('');
			$('#x').val('');
			$('#y').val('');
			$('#x2').val('');
			$('#y2').val('');
			$('#w').val('');
			$('#h').val('');
			$('.newImgLink').val('');
			$('#neww').val('');
			$('#newh').val('');
		});
<!--------------Show popup title ---------------->

		$('.aTitleImage').click(function(){
			$('.wrappop').css('display','block');
			$('.overlay').css('display','block');
			$('.select_btn').css('display','inline-block');
			$('.selectDetail').css('display','none');
			$('.thumbImageGallery').css('display','none');
			$('.select_btn_detail').css('display','none');	
		});

		$('.close').click(function(){
			$('.wrappop').css('display','none');
			$('.overlay').css('display','none');
		});
		$('.select_btn').click(function(){
			var titleLink = $('.newImgLink').val();
			if(titleLink=='')return;
			$('.wrappop').css('display','none');
			$('.overlay').css('display','none');
			$('.titleImg').html('<img src="'+path+'Temp/'+titleLink+'?'+ new Date().getTime()+'" />');
			$('#pro_image').val(titleLink);
			$('#files').html('');
			$('.newImg').html('');
			$('#x').val('');
			$('#y').val('');
			$('#x2').val('');
			$('#y2').val('');
			$('#w').val('');
			$('#h').val('');
			 $('.newImgLink').val('');
			$('#neww').val('');
			$('#newh').val('');
	   });
	</script>
    <script>
	 <!--------------Show crop box ---------------->
	function showCoords(c)
	{
		$('#x').val(c.x);
		$('#y').val(c.y);
		$('#x2').val(c.x2);
		$('#y2').val(c.y2);
		$('#w').val(c.w);
		$('#h').val(c.h);
	};
	$('.crop').click(function(){
		var x = $('#x').val();
		var x2 = $('#x2').val();
		var y = $('#y').val();
		var y2 = $('#y2').val();
		var ImgWidth = $('#w').val();
		var ImgHeight = $('#h').val();
		var count = $('.count').val();
		var currentLink = $('#currentLink').val();
		if(!ImgWidth || !ImgHeight || ImgWidth == 0 || ImgHeight == 0)
			return;
		
		$.ajax({	
			type:'POST' ,
			data:'x='+x+'&y='+y+'&ImgWidth='+ImgWidth+'&ImgHeight='+ImgHeight+'&currentLink='+currentLink+'&count='+count,
			url: 'resizeImage.php' ,
			success:function(html){
				count++;
				$('.count').val(count);
				$('.newImg').html('<img class="newThumb"src="'+path+'Temp/'+html+'?'+ new Date().getTime()+'" />');
				$('.newImgLink').val(html);
				$('#neww').val(ImgWidth);
				$('#newh').val(ImgHeight);
			}
		});
	});
</script>
<?php echo template_bottom() ?>
<?php  /*------------------------------------------------------------------------------------------------*/ ?>
</body>
</html>